<template>
    <iframe width="100%" height="100%" src="http://localhost:9090/druid" style="border: none"></iframe>
    <!--<div style="padding: 30px;height: 100%">-->
    <!--    <my-card style="height: 100%">-->
        <!--    <a-table :columns="columns" :dataSource="data" style="height: 100%">-->
        <!--        <a slot="name" slot-scope="text" href="javascript:;">{{text}}</a>-->
        <!--        <span slot="customTitle"><a-icon type="smile-o"/> Name</span>-->
        <!--        <span slot="tags" slot-scope="tags">-->
        <!--            <a-tag v-for="tag in tags" color="blue" :key="tag">{{tag}}</a-tag>-->
        <!--        </span>-->
        <!--        <span slot="action" slot-scope="text, record">-->
        <!--            <a href="javascript:;">Invite 一 {{record.name}}</a>-->
        <!--            <a-divider type="vertical"/>-->
        <!--            <a href="javascript:;">Delete</a>-->
        <!--            <a-divider type="vertical"/>-->
        <!--            <a href="javascript:;" class="ant-dropdown-link">-->
        <!--                More actions-->
        <!--                <a-icon type="down"/>-->
        <!--            </a>-->
        <!--        </span>-->
        <!--    </a-table>-->
        <!--</my-card>-->
    <!--</div>-->

</template>

<script>
    const columns = [{
        dataIndex: 'name',
        key: 'name',
        slots: {title: 'customTitle'},
        scopedSlots: {customRender: 'name'},
    }, {
        title: 'Age',
        dataIndex: 'age',
        key: 'age',
    }, {
        title: 'Address',
        dataIndex: 'address',
        key: 'address',
    }, {
        title: 'Tags',
        key: 'tags',
        dataIndex: 'tags',
        scopedSlots: {customRender: 'tags'},
    }, {
        title: 'Action',
        key: 'action',
        scopedSlots: {customRender: 'action'},
    }];

    const data = [{
        key: '1',
        name: 'John Brown',
        age: 32,
        address: 'New York No. 1 Lake Park',
        tags: ['nice', 'developer'],
    }, {
        key: '2',
        name: 'Jim Green',
        age: 42,
        address: 'London No. 1 Lake Park',
        tags: ['loser'],
    }, {
        key: '3',
        name: 'Joe Black',
        age: 32,
        address: 'Sidney No. 1 Lake Park',
        tags: ['cool', 'teacher'],
    }];
    export default {
        name: 'Server',
        data () {
            return {
                data,
                columns,
            };
        },
    };
</script>

<style scoped>

</style>
